<%@ page import="Data.data" %>
<%@ page import="java.util.List" %>
<%@page contentType="text/html; charset=UTF-8" %>
<html>
    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

        <style type="text/css">

            td,th{
                text-align: center;
            }
    
            body {
  background-color: #f0ece9;
}

header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
header h1 {
  color: #9a9897;
}

header hr {
  margin: 20px 20px 0;
  background-color: #bc9470;
  border: 2px solid #bc9470;
  width: 30%;
  height: 0;
}
            span
                {
                    float: left;
                    margin-left: 50px;
                    margin-top: 50px;
                    width: 220px;
                    height: 480px;
                    border: 3px solid #b4aea9;;
                }
            a:link
                {
                    color:black;
                    font-size: 30px;
                    font-family: Arial;
                }
            a:hover
                {
                    color: red;
                }
            a
                {
                    margin-left: 20px;
                }
            .first
                {
                    width: 1200px;
                    height: 550px;
                    border: 1.5px solid #b4aea9;
                    margin-left: 300px;
                    margin-top: 34px;
                    padding-left: 20px;
                }
            p
                {
                    color: navy;
                    font-size: 25px;
                    font-family: Arial;
                }


                table {
                margin: 0 auto;
              width: 90%;
                text-align: center;
                   border-spacing: 0;
                     }
table tbody tr:first-of-type {
  background-color: #dadee1 !important;
  height: 60px;
}
table tbody tr {
  height: 45px;
}
table tbody tr:nth-child(odd) {
  background-color: #eef1f8;
}
table tbody tr:nth-child(even) {
  background-color: #ffffff;
}
table tbody tr:not([id=thead]):hover {
  cursor: pointer;
  background-color: #e9e9e9;}


        </style>
    </head>
    <body>
  
        <header>
            <hr/>
      
            <h1 align="center" >历史订单信息</h1>
            <hr/>
        </header>
        <div>

            <span>
                <br><br><a href="/freshdata">订单管理</a><br><br><br>
                <a href="input9.jsp">订单信息录入</a><br><br><br>
                <a href="/history">历史订单</a><br><br><br>
                <a href="login9.jsp">退出登录</a><br>
            </span>
        </div>
        <div class="first">


            
   <div class="container">

    <header>
        <hr/>
  
        <h3 align="center" style="color: #9a9897;">历史订单信息</h3>
        <hr/>
    </header>

    <br><br>
            <form id="form" method="post" >
               
                <div style="overflow-x: auto; overflow-y: auto; height: 300px; width:1100px;">
                    <table border="1" class="table table-bordered table-hover" align="center" width="1500px" height="150px">

                
                        <tr class="success">
                            <th>订单ID</th>
                            <th>商品名字</th>
                            <th>商品价格</th>
                            <th>时间</th>
                            <th>商品状态</th>
                        </tr>
                            <body id="tb">
                            <%
                                List<data> dataList =(List<data>)request.getAttribute("goodmessage");
                                for (data datas :dataList)
                                {

                            %>
                            <tr id="1st">
                                <td><%=datas.getGoodsid()%></td>
                                <td><%=datas.getGoodsname()%></td>
                                <td><%=datas.getGoodsprice()%></td>
                                <td><%=datas.getGoodstime()%></td>
                                <td><%=datas.getGoodsstatus()%></td>
                            </tr>
                            <%
                                }
                            %>



                <!-- <table border="1" class="table table-bordered table-hover">

                
                    <tr class="success">
                    
                        <th>订单ID</th>
                        <th>订单名字</th>0
                        <th>价格</th>
                        <th>时间</th>
                        <th>订单状态</th>
            
                    </tr>
        
                        <body id="tb">
        
                        <tr id="1st">
                       
                            <td>2020001</td>
                            <td>sweater</td>
                            <td>11</td>
                            <td>20200801</td>
                            <td >Y</td>
                         

                                
                        </tr>
        
                        <tr>
                          
                            <td>2021001</td>
                            <td>Tom</td>
                            <td>12</td>
                            <td>20210801</td>
                            <td>Y</td>
                           
                        </tr>
         --></body>
                </table>

        </div>
            </form>
   </div>
        </div>
    </body>
</html>